<template>
    <div>
        <button @click="showRoot">click</button>
    </div>
</template>

<script>
export default {
    methods:{
        showRoot(){
            // 通过this.$root即可拿到当前组件的祖宗组件的实例，就是他的父组件的父组件，一直往上找，一直到头
            console.log(this.$root.name);
            // this.$parent可以拿到当前组件的父组件的实例
            console.log(this.$parent.name);
        }
    }
}
</script>